{extend name="book" /}
{block name="title"}
<title>阅读足迹</title>
{/block}
{block name="banner"}{/block}
{block name="content"}
<body style="background: #F2F2F2">
<header data-am-widget="header" class="am-header am-header-default sq-head ">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.back()" class="">
            <i ><img src="/html/img/back.png"/></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="" class="">阅读足迹</a>
    </h1>
</header>
<div style="height: 2rem"></div>

{foreach name="$list" item="v"}
<div class="go-read">
    <div class="read-book">
        <div class="left">
            <img src="{$v.book.thumb_url}" alt="">
        </div>
        <div class="right">
            <p class="read-title">
                {$v.book.title}
            </p>
            <p class="read-writer">
                {$v.book.author} 著
            </p>
            <p class="read-time">
                阅读时间：{$v.create_time}
            </p>
            <a href="{:url('index/read',['id' => $v.book_id])}" class="gogo-read">
                <p>继续阅读</p>
            </a>
        </div>
    </div>
</div>
{/foreach}
<div style="height: 2rem"></div>

<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="/" class="curr">
                <span><img src="/html/img/q1.png"/></span>
            </a>
        </li>
        <li>
            <a href="{:url('index/zuji')}" class="">
                <span><img src="/html/img/w2.png"/></span>
            </a>
        </li>
        <li>
            <a href="{:url('index/shuku')}" class="">
                <span><img src="/html/img/e1.png"/></span>
            </a>
        </li>
    </ul>
</div>

{/block}